<template>
  <div>百度地图</div>
  <div id="allmap"></div>
</template>

<script>
// vue百度文档https://dafrok.github.io/vue-baidu-map/#/zh/start/usage
// import { BMap } from '@/map'
export default {
  name: 'GBaoduGide',
  mounted () {
    this.getAdress();
  },
  methods: {
    getAdress () {
      // // 百度地图API功能
      // var map = new BMap.Map("allmap");    // 创建Map实例
      // var point = new BMap.Point(116.397128, 39.916527);//经纬度
      // map.centerAndZoom(point, 15);  // 初始化地图,设置中心点坐标和地图级别
      // //添加地图类型控件
      // map.addControl(new BMap.MapTypeControl({
      //   mapTypes: [
      //     // BMAP_NORMAL_MAP,
      //     // BMAP_HYBRID_MAP
      //   ]
      // }));
      // // 创建点标记
      // var marker1 = new BMap.Marker(point);
      // // 在地图上添加点标记
      // map.addOverlay(marker1);
      // var opts = {
      //   width: 200,     // 信息窗口宽度
      //   height: 100,     // 信息窗口高度
      //   title: "~~~~~", // 信息窗口标题
      //   message: "`~~~"
      // };
      // var infoWindow = new BMap.InfoWindow("&nbsp;&nbsp;&nbsp;地址：", opts);  // 创建信息窗口对象
      // map.openInfoWindow(infoWindow, point); //开启信息窗口
      // marker1.addEventListener("click", function () {
      //   map.openInfoWindow(infoWindow, point); //开启信息窗口
      // });
      // map.setCurrentCity("~~");          // 设置地图显示的城市 此项是必须设置的
      // map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
    }
  }
}
</script>

<style scoped>
.bm-view {
  width: 100%;
  height: 300px;
}
#allmap {
  width: 600px;
  height: 400px;
}
</style>